
// 获取按钮和表单元素
const btn_register = document.querySelector('#btn-register')
const form = document.querySelector('form')

// 注册点击事件
btn_register.addEventListener('click', function () {
    // 收集表单数据
    const data = serialize(form, { hasf: true })

    // 非空判断
    if (!data.username || data.username.trim() === '') return tip('用户名不能为空')

    if (!data.password || data.password.trim() === '') return tip('密码不能为空')

    // 检验规则
    else if (data.username.length < 2 || data.username.length > 30) return tip('用户名的长度不能小于2位或者大于30位')

    else if (data.password.length < 6 || data.password.length > 30) return tip('密码的长度不能小于6位或者大于30位')

    // 通过ajax请求提交数据
    axios
        .post('/register', data)
        .then(({ status, data: { message } }) => {
            // 判断是否注册成功，成功则进行跳转
            if (status === 201) {
                tip('恭喜您，' + message)
                setTimeout(() => location.href = '/login.html', 2000)
            }
        })
        .catch(({ response: { status, data: { message } } }) => {
            // 注册失败，提醒用户重新注册
            if (status === 409) return tip('对不起，' + message)
            tip('注册失败，服务器繁忙')
        })
})